<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            /*font必须写字号和字体，否则属性不生效*/
            font:30px 楷体
        }

        #div1{
            /*文字倾斜，文字加粗，文字大小30px，行高2倍，楷体*/
            /*font必须写字号和字体，否则属性不生效*/
            font: italic 700 30px/2 楷体;
            background-color: skyblue;

            /*居中必须与行高一样*/
            height: 100px;
        }

        #div2{
            /*文字倾斜，文字加粗，文字大小30px，行高100px，楷体*/
            font: italic 700 30px/100px 楷体;
            background-color: green;

            /*居中必须与行高一样*/
            height: 100px;
        }
    </style>
</head>
<body>
   <div id="div1">测试font 属性</div>
   <br>
   <div id="div2">测试font 属性</div>
</body>
</html>